<template>
  <div class="about">
    <h1>This is an about page</h1>
    <div class="chart-container"></div>
  </div>
</template>
<script>
export default {
  name: "about",
  data() {
    return {
      defaultOption: {
        gird: {
          left: 30,
          right: 40,
          bottom: 15,
          containLabel: true,
        },
        tooltip: {
          trigger: "item",
        },
        // series:null
        series: [
          // {
          //   type:'bar',
          //   data:[10,20,40,90,5,79,50,80]
          // },
          // {
          //   type:'bar',
          //   data:[30,60,90,90,5,79,50,80]
          // },
          // {
          //   type:'line',
          //   data:[10,50,5,90,5,79,50,80]
          // },
          {
            type: "pie",
            label: {
              show: true,
            },
            data: [
              {
                name: "中国",
                value: 20,
              },
              {
                name: "美国",
                value: 80,
              },
            ],
          },
        ],
        // xAxis:{
        //     data:['一月','二月','三月','四月','五月','六月','七月','八月'],
        //     type: 'category',
        // },
        // yAxis:[{name:'单位:人'}],
        // ktLimitShowNum:4
      },
    };
  },
};
</script>
<style lang="scss" scoped>
.chart-container {
  width: 500px;
  height: 500px;
  margin: auto;
}
</style>
